@import "index";
nm-select-portal {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    color: #333333;
    min-width: 1px;
    min-height: 1px;
    max-width: 250px;
    border-radius: 1px;
    box-shadow: 0 0 10px 2px #06060617;
    font-size: 12px;
    >.inner {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        >ul {
            width: 100%;
            >li {
                min-width: 100px;
                cursor: default;
                &:hover,
                &.selected {
                    background-color: #f7f7f7de;
                    >a {
                        color: black;
                    }
                }
                >a {
                    display: flex;
                    align-items: center;
                    padding: 6px 6px;
                    font-size: 12px;
                    color: #333333;
                    >span[class*='icon-'] {
                        margin-right: 3px;
                    }
                }
            }
        }
        >h1 {
            font-weight: 500;
            color: #333333;
            ;
            font-size: 14px;
            margin: 0;
            padding: 5px 0 5px;
        }
        >div.buttonList {
            >nm-button {
                margin-right: 5px;
                margin-bottom: 5px;
            }
        }
    }
    &.category {
        >.inner {
            flex-direction: column;
            >ul {
                width: 100%;
                >h1 {
                    font-weight: 500;
                    color: gray;
                    font-size: 12px;
                    margin: 0;
                    padding: 5px 6px 2px;
                }
            }
        }
    }
    &.buttons {
        padding: 10px;
        max-width: 600px;
        >.inner {
            align-items: flex-start;
        }
    }
}